body,
html {
    height: 100%;
}
.flexbox {
    display: -webkit-box;
    display: flex;
}
@mixin px2rem($name, $px) {
    #{$name}: $px / 75 * 1rem;
}

.header {
    @extend .flexbox;
    width: 100%;
    @include px2rem(height,90);
    background: linear-gradient(#f20000,#a60000);
    border-top: 1px solid #ff6b6b;
    border-bottom: 1px solid #ff6b6b;
    color: white;
    justify-content: center;
    align-items: center;
    .left {
        width: 2em;
        padding-left: 4%;
        cursor: pointer;
        img {
            width: 96%;
        }
    }
    .right {
        @include px2rem(font-size,36);
        flex: 1;
        text-align: center;
    }
}


